<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>选择器的权重</title>
  </head>
  <body>
    <!-- 
        其实应该叫层叠关系，就是处理样式的冲突关系
        先看优先级：
            作者样式表 !important
            默认样式表 !important
            作者样式表
            默认样式表
        再看特殊性：
            是(?,?,?,?)从高位到低位
            第一位代表是否内联样式 1&0 是只有一种(1,0,0,0)，选择器样式(0,?,?,?)
            第二位代表id选择器的数量
            第三位代表class选择器、伪类选择器、属性选择器数量
            第四位代表元素、伪元素选择器数量
        最后看源次序，即书写的前后位置
     -->
  </body>
</html>
